<div class="contact-container">
    <div class="over-show-item top pointer">
        <div class="hide-trigger" @mouseenter="contactShow('top')"
             v-show="!contactSetting.top.show">
            <span class="icon-font icon-qr-code"></span>
        </div>

        <div class="ewm animated" @mouseleave="contactHide('top')"
             :class="contactSetting.top.show ? 'bounceIn' : 'bounceOutRight'"
             v-show="contactSetting.top.show">
            <div class="wx-num-img thumb">
                <img src="/images/other/wxggh.jpg" alt="">
            </div>
            <div class="content">
                绑定关注公众号, 实时消息不错过！
            </div>
        </div>
    </div>
    <div class="over-show-item tow in-line pointer" style="display: none;">
        <div class="hide-trigger" @mouseenter="contactShow('tow')">
            <span class="icon-font icon-tell-phone"></span>
        </div>

        <div class="ewm animated" @mouseleave="contactHide('tow')"
             :class="contactSetting.tow.show ? 'bounceInRight' : 'bounceOutRight'"
             v-show="contactSetting.tow.show">
            <div class="content" v-text="contactSetting.tow.phone"></div>
        </div>

    </div>
    <div class="over-show-item three in-line pointer animated" style="display: none;">
        <div class="hide-trigger" @mouseenter="contactShow('three')">
            <span class="icon-font icon-service"></span>
        </div>

        <div class="ewm animated" @mouseleave="contactHide('three')"
             :class="contactSetting.three.show ? 'bounceInRight' : 'bounceOutRight'"
             v-show="contactSetting.three.show">
            <div class="content">
                联系客服
            </div>
        </div>

    </div>
</div>
